<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
  <meta name="format-detection" content="telephone=no" />
  <title>丹青诺和</title>
  <!--<link rel="icon" href="" type="image/x-icon" />
  <link rel="shortcut icon" href="" type="image/x-icon" />-->
  <link rel="stylesheet" href="//at.alicdn.com/t/font_807015_q82wy5nnlgg.css"/>
  <link rel="stylesheet" href="css/bootstrap.min.css"/>
  <link rel="stylesheet" href="css/swiper.min.css">
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/animate.min.css"/>
  <link rel="stylesheet" href="css/headfoot.css">
  <link rel="stylesheet" href="css/second.css">
  <script src="js/jquery-1.11.3.min.js"></script>
  <script src="js/swiper-3.4.2.min.js"></script>
  <!--[if lt IE 9]>
  <script src="js/html5shiv.min.js"></script>
  <script src="js/respond.min.js"></script>
  <![endif]-->
  <script src="js/bootstrap.min.js"></script>
  <script src="js/wow.min.js"></script>
  <script>
   if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
    new WOW().init();
   };
  </script>
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=nxW0akynjKF8Ag0G0uVVwq0t6ak1Q1Zj"></script>
 </head>
 <body>
 <!-- 导航部分-->
   <div class="navs">
    <script>$(".navs").load("head.html");</script>
   </div>
<!--二级页面banner-->
 <div class="fu_bg anbg">
  <div class="fu_inner wow bounceIn animated">
   <h1>全量收集，全效还田</h1>
   <h3> <span class="s1"></span> 丹青粪肥资源化利用模式 <span class="s2"></span> </h3>
   <p>Protect the environment to be responsible for people</p>
  </div>
 </div>
 <!-- 二级页面内容-->
 <div class="main-md">
  <div class="kc-title">
   <span>首页 </span> <i class="iconfont icon-2"></i> &nbsp;&nbsp;&nbsp;<span> 案例展示</span>
  </div>
  <div class="about_us padd50">
     <div class="about_us_lf">
      <h1>联系我们</h1>
      <p>北京丹青诺和牧业科技有限公司</p>
      <p> <i class="iconfont icon-dizhi1"></i>地址：北京市海淀区天秀路10号中国农大国际创业园3号楼2004室 </p>
    <p><i class="iconfont icon-dianhua1"></i> 联系电话：01234567 </p>
      <p><i class="iconfont icon-xin-copy"></i>邮箱：01234567@qq.com</p>
     </div>
   <div class="about_us_rt">
    <div style="font-size:12px" id="map"></div>
   </div>
   <div class="both"></div>
  </div>
 </div>
   <!--底部-->
   <div class="foots">
    <script>
     $(".foots").load("foot.html");
    </script>
   </div>
  <script>
   $(function(){
    function initMap(){
     createMap();//创建地图
     setMapEvent();//设置地图事件
     addMapControl();//向地图添加控件
     addMapOverlay();//向地图添加覆盖物
    }
    function createMap(){
     map = new BMap.Map("map");
     map.centerAndZoom(new BMap.Point(116.274438,40.010073),12);
    }
    function setMapEvent(){
     map.enableScrollWheelZoom();
     map.enableKeyboard();
     map.enableDragging();
     map.enableDoubleClickZoom()
    }
    function addClickHandler(target,window){
     target.addEventListener("click",function(){
      target.openInfoWindow(window);
     });
    }
    function addMapOverlay(){
     var markers = [
      {content:"地址：北京市海淀区天秀路10号中国农大国际创业园3号楼2004室",title:"北京丹青诺和牧业科技有限公司",imageOffset: {width:-46,height:-21},position:{lat:40.026767,lng:116.283071}}
     ];
     for(var index = 0; index < markers.length; index++ ){
      var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);
      var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{
       imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)
      })});
      var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});
      var opts = {
       width: 200,
       title: markers[index].title,
       enableMessage: false
      };
      var infoWindow = new BMap.InfoWindow(markers[index].content,opts);
//      marker.setLabel(label);
      addClickHandler(marker,infoWindow);
      map.addOverlay(marker);
      marker.setAnimation(BMAP_ANIMATION_BOUNCE);
     };
    }
    //向地图添加控件
    function addMapControl(){
     var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
     scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
     map.addControl(scaleControl);
     var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
     map.addControl(navControl);
    }
    var map;
    initMap();
   })
  </script>
 </body>
</html>
